<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>分类</title>
		<link rel="stylesheet" type="text/css" href="../css/animate.css"/>
		<meta name="viewport" content="width=device-width,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../css/2fenl.css" />
		<link rel="stylesheet" type="text/css" href="../css/reset.css"/>
		<meta name="keywords" content="Melon">
		</mata>
	</head>

	<body>
		<div class="web">
			<!--头部-->
			<div class="head">
				<div class="left">Back</div>
				<div class="center"><span>分类</span></div>
				<div class="right">
					<select class="right1" name="">
						<option value="">广州</option>
					</select>
					<span class="aa"></span>
				</div>
			</div>

			<!--内容-->
			<div class="nrong">
				<div class="nrong1">
					<img src="../img/10.jpg" class="animated bounceIn" />
					<p>美食</p>
				</div>
				<div class="nrong1">
					<img src="../img/11.jpg"/>
					<p>电影</p>
				</div>
				<div class="nrong1">
					<img src="../img/12.jpg" />
					<p>运动</p>
				</div>
				<div class="nrong1">
					<img src="../img/13.jpg" />
					<p>唱歌</p>
				</div><br /><br />
				<p class="p">
					<img src="../img/09.jpg" />
				</p>
				<div class="nrong2">
					<div><br />
						<p>
							<span class="msh"><img src="../img/14.jpg"/></span>
							<span class="size">美食类</span>
							<span class="genduo"><img src="../img/87.jpg"/></span>
							<span style="float: right;">更多</span>
						</p>
					</div>
				</div>
				<div class="nrong3">
					<div class="ng3">
						<img src="../img/15.jpg"/>
					</div>
					<div class="ng3">
						<img src="../img/16.jpg"/>
					</div>
					<div class="ng3">
						<img src="../img/17.jpg"/>
					</div>
					<div class="ng3">
						<img src="../img/18.jpg"/>
					</div>
				</div>	

				<div class="nrong2">
					<div>
						<p>
							<span class="msh"><img src="../img/19.jpg"/></span>
							<span class="size">运动类</span>
							<span class="genduo"><img src="../img/87.jpg"/></span>
							<span style="float: right;">更多</span>
						</p>
					</div>
				</div>
				<div class="nrong3">
					<div class="ng3">
						<img src="../img/20.jpg"/>
					</div>
					<div class="ng3">
						<img src="../img/21.jpg"/>
					</div>
					<div class="ng3">
						<img src="../img/22.jpg"/>
					</div>
					<div class="ng3">
						<img src="../img/23.jpg"/>
					</div>
				</div>	

				<div class="nrong2">
					<div>
						<p>
							<span class="msh"><img src="../img/24.jpg"/></span>
							<span class="size">电影类</span>
							<span class="genduo"><img src="../img/87.jpg"/></span>
							<span style="float: right;">更多</span>
						</p>
					</div>
				</div>
				<div class="nrong3">
					<div class="ng3">
						<img src="../img/25.jpg"/>
					</div>
					<div class="ng3">
						<img src="../img/26.jpg"/>
					</div>
					<div class="ng3">
						<img src="../img/25.jpg"/>
					</div>
					<div class="ng3">
						<img src="../img/26.jpg"/>
					</div>
				</div>	
			</div>

			<!--底部-->
			<footer>
				<div class="m">
					<div class="f1">
						<a href="1.shY.html"><img src="../img/000.jpg" /></a>
						<p>
							<a class="v" href="1.shY.html">首页</a>
						</p>
					</div>
					
						<div class="f1" style="float: right;margin-left: 50px;">
							<a href="5.wod.html"><img src="../img/92.jpg" /></a>
							<p class="v">
								<a href="5.wod.html">我的</a>
							</p>
						</div>
						
							<div class="f1" style="margin-left: 72px;">
								<a href="2fenl.html"><img src="../img/29.jpg" /></a>
								<p class="v">
									<a href="2fenl.html">分类</a>
								</p>
							</div>
							
								<div class="f1" style="float: right;">
									<a href="3.faX.html"><img src="../img/91.jpg" / ></a>
									<p class="v">
										<a href="3.faX.html">发现</a>
									</p>
								</div>
							</div>

				
			</footer>

		</div>
	</body>

</html>